<template>
  <div class="container">
    <!--fgx-->
    <el-main>
      <el-card>
        <div slot="header" class="clearfix">
          <el-input
            type="textarea"
            :rows="2"
            placeholder="请输入题目"
            v-model="textarea"
          >
          </el-input>
          <el-button style="float: right; padding: 3px 0" type="text"
            >下一题</el-button
          >
          <div class="#">
            <el-input
              type="textarea"
              :rows="10"
              placeholder="请输入答案"
              v-model="textarea"
            >
            </el-input><br><br>
            <el-button type="primary" round>保存</el-button>
          </div>
        </div> </el-card
      >
      
    </el-main>
    <!--fgx-->
  </div>
</template>
<script>
export default {
  data() {
    return {
      textarea: "",
      radio: "1",
      lists: [],
    };
  },
};
</script>
<style scoped>
span {
  display: inline-block;
  height: 50px;
  width: 150px;
}

.el-main {
  background-color: #e9eef3;
  color: #333;
  text-align: center;
  height: 600px;
}


.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
</style>
